<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        sayHi()
        //函数的定义   使用function关键字定义的函数，会被预编译到当前作用域顶部，函数提升
        //定义和调用的顺序无所谓
        function sayHi() {
            console.log('hi');
        }

        //一定要先定义后调用
        let sayHello = function () {
            console.log('hello');
        }
        sayHello()

        //不加括号代表访问函数的定义
        // console.log(sayHi);
        //函数的调用

        console.log('-'.repeat(30));



        function a() {
            console.log('a');
        }

        //重复定义，后面的函数覆盖前面的
        var a = function () {
            console.log('b');
        }

        a()

        let arr = [11, 22, 33, 44]
        let arr1 = [2222, 333, 44444444]
        //封装
        // function loop() {
        //     console.log('-'.repeat(30));
        //     for (let i = 0; i < arr.length; i++) {
        //         console.log(arr[i]);
        //     }
        // }

        // loop()
        // loop()
        // loop()

        //带参函数  data 形参  参数值为函数调用时传的对应值
        // function loop1(data) {
        //     console.log('-'.repeat(30));
        //     for (let i = 0; i < data.length; i++) {
        //         console.log(data[i]);
        //     }
        // }

        // //实参
        // loop1(arr)

        // function eat(food) {
        //     console.log('小明在吃' + food);
        // }

        // eat('蛋糕')
        // eat('薯片')
        // eat('鸡块')
        // eat('麦当劳')

        // function pay(fee, card) {
        //     if (card === '农业银行') fee -= 10
        //     console.log(`使用${card}卡付款，共计${fee}元`);
        // }

        // pay(100, '中国银行')
        // pay(40, '农业银行')
        // pay(70, '工商银行')

        console.log('-'.repeat(30));

        function sum(a, b) {
            let result = a + b
            return result
        }

        let res1 = sum(10, 20)
        res1 *= 10
        console.log(res1);

        





    </script>
</body>

</html>